import {Space, Typography} from "antd";
import {FormOutlined} from "@ant-design/icons";
import styles from './Logo.module.scss'
import {Link} from "react-router-dom";
import useGetUserInfo from "../hooks/useGetUserInfo";
import {useEffect, useState} from "react";
import {HOME_PATHNAME, MANAGE_INDEX_PATHNAME} from "../router";

const {Title} = Typography
export const Logo = () => {

    const {username} = useGetUserInfo()
    const [pathname, setPathname] = useState(HOME_PATHNAME);
    useEffect(() => {
        if (username) setPathname(MANAGE_INDEX_PATHNAME)
    }, [username]);
    return (
        <div className={styles.container}>
            <Link to={pathname}>
                <Space>
                    <Title className={styles.title}>
                        <FormOutlined/>
                    </Title>
                    <Title>小慕问卷</Title>
                </Space>
            </Link>

        </div>
    );
};